<style type="text/css">
  .crossLine {
    border: 1px dashed #E5EAEE;
    float: left;
    position: relative;
    top: 27px;
    width: 6%;
    margin: 0 2% 0 2%;
  }
</style>
<ion-header-bar align-title="center" class="bar bar-header bar-light">
  <a class="button icon-left ion-ios-arrow-left button-clear button-light" ng-click="backGo()"></a>

  <h1 class="title">请假申请</h1>
</ion-header-bar>
<ion-content class="bg">
  <div id="content">
    <ul class="list">
      <li class="item item-icon-right" style="border: none; margin-top: 10px;">
        <img style="float: left; width: 20px; height: 20px; position: relative; left: -5px;" src="img/icon/ic_wj.png"/>

        <h2>请假类型：</h2>
        <hr style="margin-left: -20px; border:none; border-top:1px solid #E5EAEE;    border-top-style: initial"/>
        <select class="item item-input item-select" ng-model="leave.leaveType"
                ng-options="opt.value as opt.name for opt in options.leavetype"
                style="width: 100%;height:34px;border: 0px;">
        </select>
      </li>
      <li class="item item-icon-right" style="border: none; margin-top: 10px;">
        <img style="float: left; width: 20px; height: 20px; position: relative; left: -5px;" src="img/icon/ic_wj.png"/>
        <h2>部门：</h2>
        <hr style="margin-left: -20px; border:none; border-top:1px solid #E5EAEE;    border-top-style: initial"/>
        <select class="item item-input item-select" ng-model="leave.deptId"
              ed-user-dept="user.id"
                style="width: 100%;height:34px;border: 0px;">
        </select>
      </li>
      <li class="item item-icon-right" style="border: none; margin-top: 10px;">
        <img style="float: left; width: 20px; height: 20px; position: relative; left: -5px;" src="img/icon/time.png"/>

        <h2>开始时间：</h2>
        <hr style="margin-left: -20px; border:none; border-top:1px solid #E5EAEE;    border-top-style: initial"/>
        <div style="margin-left: 16px;color:#aaa;font-size: 14px;font-family: none;width:100%;" ed-date ng-model="leave.startTime">请输入请假开始时间</div>
      </li>
      <li class="item item-icon-right" style="border: none; margin-top: 10px;">
        <img style="float: left; width: 20px; height: 20px; position: relative; left: -5px;" src="img/icon/time.png"/>

        <h2>结束时间：</h2>
        <hr style="margin-left: -20px; border:none; border-top:1px solid #E5EAEE;    border-top-style: initial"/>
        <div  style="margin-left: 16px;color:#aaa;font-size: 14px;width:100%;font-family: none;" ed-date ng-model="leave.endTime">请输入请假结束时间</div>
      </li>
      <li class="item item-icon-right" style="border: none; margin-top: 10px;">
        <img style="float: left; width: 20px; height: 20px; position: relative; left: -5px;" src="img/icon/time.png"/>

        <h2>请假时间(小时)：</h2>
        <hr style="margin-left: -20px; border:none; border-top:1px solid #E5EAEE;    border-top-style: initial"/>
        <input type="text" style="margin-left: 16px;" ng-model="leave.timeCal" ng-change="change()" placeholder="请输入请假时间"/>
      </li>
      <li class="item item-icon-right" style="border: none; margin-top: 10px;">
        <img style="float: left; width: 20px; height: 20px; position: relative; left: -5px;" src="img/icon/ic_wj.png"/>
        <h2>请假事由：</h2>
        <hr style="margin-left: -20px; border:none; border-top:1px solid #E5EAEE;    border-top-style: initial"/>
        <textarea style="width: 100%;margin-left: 16px;" ng-model="leave.reason" placeholder="请输入请假事由"></textarea>
      </li>
    </ul>
    <button class="button button-block button-light" ng-click="apply()" style="background-color: #8BDF72;color: #fff;">
      申请
    </button>
  </div>

</ion-content>
